import Vue from 'vue' //导入vue组件，并定义变量Vue引用vue（ES新特性：模块化开发）

import VueRouter from 'vue-router' //导入vue-router(路由组件)
import Axios from 'axios' //导入axios

import Mint from 'mint-ui'//导入mint-ui
import 'mint-ui/lib/style.css' //导入mint-ui的样式

import 'font-awesome/css/font-awesome.css' //导入字体图标样式font-awesome.css

import routerConfig from './router.cfg.js' //导入当前目录下路由配置（路由配置即路径配置，由vue-router管理）
import App from './App.vue' //导入当前目录下的模块App.vue

Vue.use(VueRouter); //将vue-router注册到Vue中，以后可以在Vue对象中通过this.$rounter调用路由
Vue.use(Mint); //将mint-ui注册到Vue中

//自定义axios实例，并定义为Vue的原型属性以方便调用
Vue.prototype.$axios = Axios.create({
  baseURL: 'http://localhost',
  withCredentials: true, // 默认false, withCredentials表示跨域请求时是否使用凭证（即是否使用session）	 
});

//通过路由配置创建路由器
let router = new VueRouter(routerConfig);

new Vue({
  el: '#app',
  
  //render: h => h(App)
  
  /*
  render: (h) => {
    return h(App);
  }
  */
  
  render:function(h){ //render是渲染函数，Vue会调用此函数，将渲染结果挂载到指定的el对象上
    return h(App);
  },

  router //等同于 router:router  为Vue配置路由器

});
